<template>
	<view class="flex m-v50">
		<view class="flex-1 flex-d-c" data-url="pages/office/delivery/delivery?type=0" @click="goto">
			<text class="text-700-140">{{ userInfo.total.td }}</text>
			<text class="m-t16 text-400-128">已投递</text>
		</view>
		<view class="line"></view>
		<view class="flex-1 flex-d-c" data-url="pages/office/delivery/delivery?type=1" @click="goto">
			<text class="text-700-140">{{ userInfo.total.read }}</text>
			<text class="m-t16 text-400-128">被查看</text>
		</view>
		<view class="line"></view>
		<view class="flex-1 flex-d-c" @click="toPage">
			<text class="text-700-140">{{ userInfo.total.interview }}</text>
			<text class="m-t16 text-400-128">面试</text>
		</view>
		<view class="line"></view>
		<view class="flex-1 flex-d-c" @click="toPage">
			<text class="text-700-140">{{ userInfo.total.inappropriate }}</text>
			<text class="m-t16 text-400-128">不合适</text>
		</view>
	</view>
</template>

<script lang="ts" setup>
import { useNavigator } from '@/hooks/use-navigator'
import { useUserStore } from '@/stores/user'

const { userInfo } = useUserStore()
const { goto } = useNavigator()

const toPage = () => {
	uni.navigateTo({
		url: '/pages/office/delivery/delivery',
	})
}
</script>

<style lang="scss" scoped>
.line {
	height: 64rpx;
	border-left: 1rpx solid #DADADA;
}
</style>